<template>
    <div class="loanaone">
        <div class="tobu">
            <div class="text">合同信息</div>
            <div class="luyou">
                <p class="p">
                    <el-icon>
                        <Back />
                    </el-icon>
                </p>

                <ul class="tabbar">
                    <li><router-link to='/home/loan/loanas/loanone'>基本信息</router-link></li>
                    <li><router-link to='/home/loan/loanas/loantwo'>附件资料</router-link></li>
                    <li><router-link to='/home/loan/loanas/loanthree'>审批历史</router-link></li>
                    <li><router-link to='/home/loan/loanas/loanfour'>流程信息</router-link></li>
                </ul>


                <p class="p">
                    <el-icon>
                        <Right />
                    </el-icon>
                </p>
            </div>

        </div>
        <router-view></router-view>
    </div>
</template>

<script setup>
import { ref } from "vue"

import { RouterLink, RouterView } from 'vue-router'


</script>

<style scoped lang="scss">
.loanaone {
    .tobu {
        width: 100%;
        height: 150px;

        .text {
            font-size: 20px;
            font-weight: bold;
        }

        .luyou {
            display: flex;
            justify-content: space-between;

            .p {
                width: 40px;
                height: 40px;
                font-size: 35px;
                border-radius: 50px;
                border: 2px solid #4eabfe;
                color: #4eabfe;
                text-align: center;
                line-height: 40px;
            }

            .tabbar {
                width: 100%;
                display: flex;
                justify-content: space-around;
                align-items: center;

                li {
                    width: 100px;
                    height: 40px;
                    list-style: none;
                    text-align: center;
                    font-size: 16px;
                    color: #4eabfe;
                    line-height: 40px;

                    .router-link-active {
                        background-color: #4eabfe;
                        color: white;
                    }

                }


            }
        }
    }
}
</style>
